<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- <meta http-equiv="refresh" content="1">  多长时间自动刷新页面一次-->
  <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0,transition=3)"> 
<meta http-equiv="Page-Exit" content="blendTrans(Duration=2.0,transition=3)">    
    
  <title>纯css制作的logo</title>
  <!-- <link rel="stylesheet" href="./css-logo.css"> -->
  <link rel="stylesheet" href="./index.css">
  <style>
    html{
      /* background:#000; */
    }
    body{
      margin:60px 0 0 60px;
      /* background:linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%) */
      background:linear-gradient(45deg, blue, red)
      /* background: red; */
    }
    .border-single{
      width: 0;
      height: 0;
      border:30px solid #fff;
      border-color:red #fff #fff #fff;
    }
  </style>
</head>
<body>
  <div class="logo">
    <div class="white"></div>
    <div class="orange"></div>
    <div class="red"></div>
  </div>
  <div class="image-word">
    hello world !
  </div>

  <div class="border-single"></div>
</body>
</html>